<template>
  <div>
    <div >
    <van-nav-bar
    class="ccc"
  title="转账汇款"
  left-text="返回"
  right-text="按键"
  left-arrow
  @click-left="onClickLeft"
  @click-right="onClickRight"
/> 
</div>
  <div>
    <div class="zfb">
    <ul>
      <li v-for="(v,i) in arr" :key="i"  @click="fun(i)">
   <img :src="v.img" alt="">
     <p>{{v.name}}</p>
      </li>
    </ul>
    <img src="../../../public/homes/m1.png" alt="">
</div>
    
    
    </div> 
  <div class="br">
    

  </div>
<Lf />
 <Ca/>
 <div class="img">
 <img src="../../../public/homes/m2.png" alt="">
 </div>

  </div>


</template>

<script>
import Lf from "./home1/lifet"
import Ca  from "./home1/tubiao"
export default {
components:{
  Ca,
  Lf
}
  ,
  methods: {
    onClickLeft() {
        this.$router.push("/homes")
    },
    onClickRight() {
      Toast('按钮');
    },
  },
  data (){
   return {
      arr:[
        {name:"账户" ,img:"./homes/k1.png"},
        {name:"转账汇款",img:"./homes/k2.png"},
        {name:"贷款",img:"./homes/k3.png"},
        {name:"龙支付",img:"./homes/k5.png"}
      ]

   }
  },
}
</script>

<style lang="less" scoped>
.img{
    img{
      display: block;
      margin: auto;
    }
}

.van-nav-bar__text{
  color: white;
}

.ccc{
  background-color: #2d6cb9;
  
}
  // br

  .br{
    width: 100%;
    height: .05rem;
    background-color: #e4e4e4;
  }





  // 转账的
.zfb{
   width: 100%;
   height: 1.74rem;
   font-size: .14rem;
    img{

      display: block;
      width: 90%;
      margin: auto;
      height: .65rem;
    }
   
    ul{
      width: 90%;
      display: flex;
      justify-content: space-between;
      margin: auto;
      margin-top:.36rem ;
       align-items: center;
      height:1.1rem;
      background-color: #2d6cb9;
      // line-height: 1.1rem;
      li{
         width: 25%;
        
         text-align: center;
        p{
         line-height: .46rem;
         font-weight: 600;
         color: white;
        }

         img{
            margin-top:.1rem ;
            width: .3rem;
            height: .25rem;
           background-color:white;
            // display: block;
         }
      }
    }
 }

</style>